<script setup>
import { EditPen, Delete } from '@element-plus/icons-vue'
import { ref, reactive, getCurrentInstance, onMounted, h } from "vue"
const instance = getCurrentInstance();
const _this = instance.appContext.config.globalProperties //vue3获取当前this

// 组件中使用，接收传参的
let propsData = defineProps({
  row: {
    type: Object,
    default: {}
  }
});

const emits = defineEmits(['operate1', 'operate2', 'operate3', 'operate4']);
</script>
<template>
  <el-button class="btn1" link type="primary" @click="emits('operate1', row)">
    <template #icon>
      <img class="table_operate_icon" src="@/assets/image/icon_btn_config.png" alt="">
    </template>
    Config
  </el-button> 
  <el-button class="btn2" link type="primary" :icon="Delete" @click="emits('operate2', row)">Delete</el-button> 
</template>
<style lang="less" scoped>
.btn1{
  --el-button-text-color: #3A8CFC;
}
.btn2{
  --el-button-text-color: #FB393C;
}
</style>